.status{
	width: 100%;
	height: var(--status-bar-height);
}
.read-topbar{
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 90upx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFFFFF;
}
.topbar-icon{
	font-size: 20px;
	margin-left: 35upx;
}
.topbar-opt{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topbar-opt .opt{
	width: 100upx;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 22px;
}
.opt .opt-name{
	font-size: 12px;
	color: #A0A0A0;
}
#reader{
	width: 100%;
	height: 100%;
}
.read-bottom{
	position: absolute;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 100upx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 35upx;
	background-color: #FFFFFF;
	text-align: center;
}
.menu{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.menu .menu-icon{
	font-size: 22px;
}
.menu .menu-name{
	font-size: 14px;
	color: #A0A0A0;
}